<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:73:"D:\phpStudy\WWW\ferr\public/../application/manage\view\order\exinfos.html";i:1493812492;s:73:"D:\phpStudy\WWW\ferr\public/../application/manage\view\layout\header.html";i:1493803656;s:73:"D:\phpStudy\WWW\ferr\public/../application/manage\view\layout\footer.html";i:1492392708;}*/ ?>
<!DOCTYPE html>
<html lang="en-us">
	<head>
		<meta charset="utf-8">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

		<title><?php echo $title; ?></title>
		<meta name="description" content="">
		<meta name="author" content="">

		<!-- Use the correct meta names below for your web application
			 Ref: http://davidbcalhoun.com/2010/viewport-metatag

		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">-->

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Basic Styles -->
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/reset.css">
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/font-awesome.min.css">

		<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/smartadmin-production.css">
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/smartadmin-skins.css">

		<!-- SmartAdmin RTL Support is under construction
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/smartadmin-rtl.css"> -->

		<!-- We recommend you use "your_style.css" to override SmartAdmin
		     specific styles this will also ensure you retrain your customization with each SmartAdmin update.
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/your_style.css"> -->

		<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/demo.css">

		<!-- FAVICONS -->
		<link rel="shortcut icon" href="__IMG__/favicon/favicon.ico" type="image/x-icon">
		<link rel="icon" href="__IMG__/favicon/favicon.ico" type="image/x-icon">

		<!-- GOOGLE FONT -->
		<!--<link rel="stylesheet" href="http://fonts.useso.com/css?family=Open+Sans:400italic,700italic,300,400,700"> -->

		<!--mine-->
		<link rel="stylesheet" href="__CSS__/manage/modify.css">
		<script>
			if (!window.jQuery) {
				document.write('<script src="__JS__/libs/jquery-2.0.2.min.js"><\/script>');
			}
		</script>

		<!-- <script src="http://ajax.useso.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> -->
		<script>
			if (!window.jQuery.ui) {
				document.write('<script src="__JS__/libs/jquery-ui-1.10.3.min.js"><\/script>');
			}
		</script>
		<script src="__JS__/vue.js"></script>
		<script src="__JS__/axios.min.js"></script>
	</head>
	<body class="">
		<!-- possible classes: minified, fixed-ribbon, fixed-header, fixed-width-->

		<!-- HEADER -->
		<header id="header">
			<div id="logo-group">

				<!-- PLACE YOUR LOGO HERE -->
				<!-- <span id="logo"> <img src="__IMG__/logo.png" alt="SmartAdmin"> </span> -->
				<!-- END LOGO PLACEHOLDER -->

				<!-- Note: The activity badge color changes when clicked and resets the number to 0
				Suggestion: You may want to set a flag when this happens to tick off all checked messages / notifications -->
				<!-- <span id="activity" class="activity-dropdown"> <i class="fa fa-user"></i> <b class="badge"> 21 </b> </span> -->

				<!-- AJAX-DROPDOWN : control this dropdown height, look and feel from the LESS variable file -->
				<!-- <div class="ajax-dropdown"> -->

					<!-- the ID links are fetched via AJAX to the ajax container "ajax-notifications" -->
					<!-- <div class="btn-group btn-group-justified" data-toggle="buttons">
						<label class="btn btn-default">
							<input type="radio" name="activity" id="ajax/notify/mail.html">
							Msgs (14) </label>
						<label class="btn btn-default">
							<input type="radio" name="activity" id="ajax/notify/notifications.html">
							notify (3) </label>
						<label class="btn btn-default">
							<input type="radio" name="activity" id="ajax/notify/tasks.html">
							Tasks (4) </label>
					</div> -->

					<!-- notification content -->
					<!-- <div class="ajax-notifications custom-scroll">

						<div class="alert alert-transparent">
							<h4>Click a button to show messages here</h4>
							This blank page message helps protect your privacy, or you can show the first message here automatically.
						</div>

						<i class="fa fa-lock fa-4x fa-border"></i>

					</div> -->
					<!-- end notification content -->

					<!-- footer: refresh area -->
					<!-- <span> Last updated on: 12/12/2013 9:43AM -->
						<!-- <button type="button" data-loading-text="<i class='fa fa-refresh fa-spin'></i> Loading..." class="btn btn-xs btn-default pull-right">
							<i class="fa fa-refresh"></i>
						</button> </span> -->
					<!-- end footer -->

				<!-- </div> -->
				<!-- END AJAX-DROPDOWN -->
			</div>


			<!-- end projects dropdown -->

			<!-- pulled right: nav area -->
			<div class="pull-right">

				<!-- collapse menu button -->
				<div id="hide-menu" class="btn-header pull-right">
					<span> <a href="javascript:void(0);" title="Collapse Menu"><i class="fa fa-reorder"></i></a> </span>
				</div>
				<!-- end collapse menu -->

				<!-- logout button -->
				<div id="logout" class="btn-header transparent pull-right">
					<span> <a href="javascript:void(0);" title="Sign Out"><i class="fa fa-sign-out"></i></a> </span>
				</div>
				<!-- end logout button -->

				<!-- search mobile button (this is hidden till mobile view port) -->
				<div id="search-mobile" class="btn-header transparent pull-right">
					<span> <a href="javascript:void(0)" title="Search"><i class="fa fa-search"></i></a> </span>
				</div>
				<!-- end search mobile button -->

			</div>
			<!-- end pulled right: nav area -->

		</header>
		<!-- END HEADER -->

		<!-- Left panel : Navigation area -->
		<!-- Note: This width of the aside area can be adjusted through LESS variables -->
		<aside id="left-panel">

			<!-- User info -->
			<div class="login-info">
				<span> <!-- User image size is adjusted inside CSS, it should stay as it -->

					<a href="javascript:void(0);" id="show-shortcut">
						<img src="__IMG__/avatars/sunny.png" alt="me" class="online" />
						<span>
							<?php echo session('user.name'); ?>
						</span>
						<!-- <i class="fa fa-angle-down"></i> -->
					</a>

				</span>
			</div>
			<!-- end user info -->

			<!-- NAVIGATION : This navigation is also responsive

			To make this navigation dynamic please make sure to link the node
			(the reference to the nav > ul) after page load. Or the navigation
			will not initialize.
			-->
			<nav>
				<!-- NOTE: Notice the gaps after each icon usage <i></i>..
				Please note that these links work a bit different than
				traditional hre="" links. See documentation for details.
				-->
				<ul>
					<?php if(is_array($menu) || $menu instanceof \think\Collection || $menu instanceof \think\Paginator): if( count($menu)==0 ) : echo "" ;else: foreach($menu as $key=>$c): ?>
						<li <?php if($controller == explode('/',$c['url'])[0]): ?> class="active open" <?php endif; ?> >
							<a href="javascript:;"><i class="<?php echo $c['icon']; ?>"></i> <span class="menu-item-parent"><?php echo $c['title']; ?></span></a>
							<?php if($c['child']): if($controller == explode('/',$c['url'])[0]): ?>
									<ul style="display: block;">
								<?php else: ?>
									<ul style="display: none;">
								<?php endif; if(is_array($c['child']) || $c['child'] instanceof \think\Collection || $c['child'] instanceof \think\Paginator): if( count($c['child'])==0 ) : echo "" ;else: foreach($c['child'] as $key=>$a): ?>
										<li <?php if($controller . '/' . $action == $a['url']): ?>class="active"<?php endif; ?>>
											<a href="<?php echo url($a['url']); ?>"><?php echo $a['title']; ?></a>
										</li>
									<?php endforeach; endif; else: echo "" ;endif; ?>
								</ul>
							<?php endif; ?>
						</li>
					<?php endforeach; endif; else: echo "" ;endif; ?>
				</ul>
			</nav>
			<span class="minifyme"> <i class="fa fa-arrow-circle-left hit"></i> </span>

		</aside>
		<!-- END NAVIGATION -->

		<!-- MAIN PANEL -->
		<div id="main" role="main">

			<!-- RIBBON -->
			<div id="ribbon">

				<span class="ribbon-button-alignment"> <span id="refresh" class="btn btn-ribbon"   rel="tooltip" data-placement="bottom" data-original-title="" data-html="true"><i class="fa fa-refresh"></i></span> </span>

				<!-- breadcrumb -->
				<!-- <ol class="breadcrumb">
					<li>
						刷新
					</li>
				</ol> -->
				<!-- end breadcrumb -->

				<!-- You can also add more buttons to the
				ribbon for further usability

				Example below:

				<span class="ribbon-button-alignment pull-right">
				<span id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa-grid"></i> Change Grid</span>
				<span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa-plus"></i> Add</span>
				<span id="search" class="btn btn-ribbon" data-title="search"><i class="fa-search"></i> <span class="hidden-mobile">Search</span></span>
				</span> -->

			</div>

			<!-- END RIBBON -->
			<!-- MAIN CONTENT -->


<style>
	.node {
		display: none
	}
	
	.fade-enter-active,
	.fade-leave-active {
		transition: opacity .5s
	}
	
	.fade-enter,
	.fade-leave-active {
		opacity: 0
	}
	
	.float-right label {
		float: right;
	}
	
	.float-right label span {
		color: darkred;
		font-size: 16px;
		line-height: 18px;
	}
	
	.isok {
		background: #3276b1;
		color: white;
		cursor: pointer;
		line-height: 32px;
	}
	
	.isok2 {
		background: white;
		border: 1px solid #666;
		cursor: pointer;
		line-height: 32px;
	}
	
	.isok2:hover {
		background: #eee;
	}
	
	.span1,
	.span2 {
		position: absolute;
		max-width: 300px;
		background: white;
		border: 1px solid #ccc;
		min-height: 60px;
		padding: 5px;
		line-height: 20px;
		font-size: 14px;
		border-radius: 5px;
	}
	
	.span1 {
		left: 70px;
		top: 20px;
	}
	
	.span2 {
		min-height: 40px;
		right: 80px;
		bottom: 20px;
	}
	.assistManType{
		padding:2px 5px;
		border:1px solid #666;
		border-radius: 2px;
		margin-bottom: 5px;
	}
	.assistMan{
		border-bottom: 1px solid #ccc;
	}
	.assistManCon{
		padding:0 5px;
		min-height:85px;
		position: relative;
	}
	.assistManSt{
		position: absolute;
		right: 5px;
		top: 0;
	}
	.assistMannote{
		font-size: 16px;
		color: #555;
	}
	.assistManEt{
		width:100%;		
		font-size: 18px;		
	}
	.assistManEt div{
		float: right;
	}
	.assistManEt_con{
		color: #3276b1;
	}
</style>

<div id="content">

	<section id="widget-grid" class="">
		<!-- START ROW -->

		<div class="row">

			<!-- NEW COL START -->
			<article class="col-sm-12 col-md-12 col-lg-6">

				<!-- Widget ID (each widget will need unique ID)-->
				<div class="jarviswidget" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-custombutton="false">

					<header>
						<header style="line-height: 35px;height: 100%;font-size: 16px;text-indent: 12px;">审核详情</header>
					</header>

					<!-- widget div-->
					<div>

						<!-- widget edit box -->
						<div class="jarviswidget-editbox">
							<!-- This area used as dropdown edit box -->

						</div>
						<!-- end widget edit box -->

						<!-- widget content -->
						<div class="widget-body no-padding">

							<form class="smart-form" id="oinfos">
								<header>用户信息</header>
								<fieldset>
									<section>
										<label class="label">申请人</label>
										<label class="input">
											<input type="text"   :value="create.name" class="input-sm" disabled="disabled">
										</label>
									</section>
									<section>
										<label class="label">申请人职务</label>
										<label class="input">
											<input type="text" :value="create.duty" disabled="disabled">
										</label>
									</section>
									<section>
										<label class="label">负责人</label>
										<label class="input">
											<input type="text"   :value="charge.name" class="input-sm" disabled="disabled">
										</label>
									</section>
									<section>
										<label class="label">负责人职务</label>
										<label class="input">
											<input type="text" :value="charge.duty" disabled="disabled">
										</label>
									</section>
									<section>
										<label class="label">下单时间</label>
										<label class="input">
											<input type="text"  :value="order.time | timetrans(1)" disabled="disabled">
										</label>
									</section>
								</fieldset>
								<header>商品信息</header>
								<fieldset>
									<section>
										<label class="label">订单编号</label>
										<label class="input">
											<input type="text"  :value="order.order_no" disabled="disabled">
										</label>
									</section>
									<table id="dt_basic" class="table table-striped table-bordered table-hover dataTable" aria-describedby="dt_basic_info">
										<thead>
											<tr role="row">
												<th>产品名称</th>
												<th>产品规格</th>
												<th>产品类型</th>
												<th>产品单价</th>
												<th>数量</th>
											</tr>
										</thead>
										<tbody role="alert" aria-live="polite">
											<tr class="odd" v-for="list in goods">
												<td>{{list.name}}</td>
												<td>{{list.standard}}</td>
												<td>{{list.type}}</td>
												<td>{{list.price}}</td>
												<td>{{list.num}}</td>
											</tr>
										</tbody>
									</table>
									<section>
										<label class="label">收货地址</label>
										<label class="input">
											<input type="text"  :value="order.addr" disabled="disabled">
										</label>
									</section>
									<section>
										<label class="label">备注</label>
										<label class="textarea">
											<textarea name="" rows="" cols="" disabled="disabled">{{order.note}}</textarea>
										</label>
									</section>
									<section class="float-right">
										<label style="padding-right: 50px;">
											<span>￥{{order.acamount}}</span>
										</label>
										<label class="label">总价:</label>

									</section>
								</fieldset>
								<fieldset>
									<section style="position: relative;">
										<button type="button" style="width: 80px;height: 32px;float: right;" class="btn btn-info" data-toggle="modal" data-target=".modal1">	
											重修
										</button>
										<button type="button" style="width: 80px;height: 32px;float: right;margin-right: 20px;" class="btn btn-info" class="btn btn-info" data-toggle="modal" data-target=".modal2">	
											返修
										</button>
									</section>
								</fieldset>
								<fieldset>
									<section style="position: relative;">
										<div style="width: 80px;height: 32px;" class="btn isok" @click="lookedC=!lookedC" @mouseover="mouseOn(1)" @mouseleave="mouseLe(1)" data-toggle="modal" data-target=".modal3">征询</div>
										<span v-if="span1" class="span1">将当前详情发送给某些相关人员查询您想要知道的讯息。</span>
									</section>

								</fieldset>
								<header v-if="inqOrCopy">征询及抄送记录</header>
								<fieldset v-if="inqOrCopy">
								<section v-for="assistMan in assistMans" class="assistMan">
									<label  class="assistManType">{{assistMan.state | copyOrInq}}</label>
									<label class="input assistManCon">											
										<div class="assistManName">{{assistMan.name}}</div>
										<div class="assistMannote">{{assistMan.note}}</div>
										<div class="assistManSt">{{assistMan.send_t | timetrans(3)}}</div>											
										<div class="assistManEt" v-if="assistMan.state!='copy'">
											<div class="assistManEt_con">{{assistMan.opinion | copyOrInq2}}</div>
											<div>回复：</div>										
										</div>
									</label>
								</section>										
								</fieldset>
								<header>审核信息</header>
								<fieldset>																	
									<section>
										<label class="label">评语</label>
										<label class="textarea">
											<textarea rows="3" class="custom-scroll notesss" ></textarea>
										</label>
									</section>
									<section style="height: 80px;">
										<label class="label">结果：(默认为通过,蓝色)</label>
										<div style="width: 80px;height: 32px;" class="btn isleft isok">通过</div>
										<div style="width: 80px;height: 32px;" class="btn isright isok2">未通过</div>
									</section>
									<span class="span2" v-if="span2">将审查信息分享给某些人</span>
									<button type="button" style="width: 80px;height: 32px;float: right;" class="btn btn-info" data-toggle="modal" data-target=".modal4" @mouseover="mouseOn(2)" @mouseleave="mouseLe(2)">	
										抄送
									</button>
								</fieldset>
								<footer>
									<button type="button" class="btn btn-primary submit1">提交</button>
									<button type="button" class="btn btn-default" onclick="window.history.back();">
										返回
									</button>
								</footer>
							</form>
							<!--弹出层 重修-->
							<div class="modal modal1 fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
							    <div class="modal-dialog" role="document">  
							        <div class="modal-content">  
							            <div class="modal-header">  
							                <button type="button" class="close" data-dismiss="modal" aria-label="Close">  
							                    <span aria-hidden="true">×</span>  
							                </button>  
							                <h3 class="modal-title" id="myModalLabel">重修原因备注</h3>  
							            </div>  
							            <div class="modal-body">  
							                <textarea name="" rows="" cols="" style="width: 100%;min-height: 200px;padding: 5px; font-size: 16px;" class="reworkNote"></textarea>  
							            </div>  
							            <div class="modal-footer">  
							                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>  
							                <button type="button" class="btn btn-primary reworkBtn">确定</button>  
							            </div>  
							        </div> 							       
							    </div>  
							</div>
							<!--弹出层 返修-->
							<div class="modal modal2 fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
							    <div class="modal-dialog" role="document">  
							        <div class="modal-content">  
							            <div class="modal-header">  
							                <button type="button" class="close" data-dismiss="modal" aria-label="Close">  
							                    <span aria-hidden="true">×</span>  
							                </button>  
							                <h3 class="modal-title" id="myModalLabel">返修原因备注</h3>  
							            </div>  
							            <div class="modal-body">  
							                <textarea name="" rows="" class="modifyNote" cols="" style="width: 100%;min-height: 200px;padding: 5px; font-size: 16px;"></textarea>  
							            </div>  
							            <div class="modal-footer">  
							                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>  
							                <button type="button" class="btn btn-primary modifyBtn">确定</button>  
							            </div>  
							        </div> 							       
							    </div>  
							</div> 
							<!--弹出层 征询-->
							<div class="modal modal3 fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
								<div class="modal-dialog" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-label="Close">  
							                    <span aria-hidden="true">×</span>  
							                </button>
											<h3 class="modal-title" id="myModalLabel">征询信息</h3>
										</div>
										<div class="modal-body">
											<!--复制模板-->
											<div class="modal-body_con" style="overflow: hidden;height: 0;opacity: 0;">
												<section v-if="lookedC" style="min-height: 50px;vertical-align: middle;margin-bottom:10px ;">
													<label style="width: 20%;margin-bottom: 10px;">征询人:</label>
													<select name="" style="padding:0;margin: 0;width: 100%;height: 40px;" class="test_3"></select>
												</section>
												<section v-if="lookedC" class="text_3textare" style="min-height: 50px;vertical-align: middle;">
													<label style="width: 20%;">征询信息:</label>
													<textarea rows="3" style="width: 100%;min-height: 80px;" class="custom-scroll note3"></textarea>
												</section>
												<section style="height: 50px;">
													<label for=""></label>
													<button class="delete" style="float: right;width: 70px;height: 30px;border:1px solid #ccc;background: white;margin-top: 3px;border-radius: 3px;">删除</button>
												</section>
											</div>
											<div class="modal-body_con1 modal-body_con3">
												<section v-if="lookedC" style="min-height: 50px;vertical-align: middle;margin-bottom:10px ;">
													<label style="width: 20%;margin-bottom: 10px;">征询人:</label>
													<select name="" style="padding:0;margin: 0;width: 100%;height: 40px;" class="test_3"></select>
												</section>
												<section v-if="lookedC" class="text_3textare" style="min-height: 50px;vertical-align: middle;">
													<label style="width: 20%;">征询信息:</label>
													<textarea rows="3" style="width: 100%;min-height: 80px;" class="custom-scroll note3"></textarea>
												</section>
												<section style="height: 50px;">
													<label for=""></label>
													<button class="delete" style="float: right;width: 70px;height: 30px;border:1px solid #ccc;background: white;margin-top: 3px;border-radius: 3px;">删除</button>
												</section>
											</div>

											<div style="width: 100%;" class="modal-body_con2 modal-body_con3">

											</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-primary addobj " style="width: 200px;">增加征询对象</button>
											<button type="button" class="btn btn-default inquiryClose" data-dismiss="modal">关闭</button>
											<button type="button" class="btn btn-primary inquiryBtn">确定</button>
										</div>
									</div>
								</div>
							</div>
							<!--弹出层 抄送-->
							<div class="modal modal4 fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
								<div class="modal-dialog" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-label="Close">  
							                    <span aria-hidden="true">×</span>  
							                </button>
											<h3 class="modal-title" id="myModalLabel">抄送信息</h3>
										</div>
										<div class="modal-body">
											
										<!--复制模板-->
											<div class="modal-body_con" style="overflow: hidden;height: 0;opacity: 0;">												
												<section v-if="lookedC" style="min-height: 50px;vertical-align: middle;">
													<label style="width: 20%;">发送对象:</label>													
													<select name="" style="padding:0;margin: 0; width: 100%;height: 40px;" class="test_4"></select>
												</section>
												<section v-if="lookedC" class="text_4textare" style="min-height: 50px;vertical-align: middle;margin-top: 10px;">
													<label style="width: 20%;">备注:</label>
													<textarea rows="3" style="width: 100%;min-height: 80px;" class="custom-scroll note4"></textarea>
												</section>
												<section style="height: 50px;">
													<label for=""></label>
													<button class="delete" style="float: right;width: 70px;height: 30px;border:1px solid #ccc;background: white;margin-top: 3px;border-radius: 3px;">删除</button>
												</section>
											</div>
											<div class="modal-body_con1 modal-body_con3">
												<section v-if="lookedC" style="min-height: 50px;vertical-align: middle;">
													<label style="width: 20%;">发送对象:</label>													
													<select name="" style="padding:0;margin: 0; width: 100%;height: 40px;" class="test_4"></select>
												</section>
												<section v-if="lookedC" class="text_4textare" style="min-height: 50px;vertical-align: middle;margin-top: 10px;">
													<label style="width: 20%;">备注:</label>
													<textarea rows="3" style="width: 100%;min-height: 80px;" class="custom-scroll note4"></textarea>
												</section>
												<section style="height: 50px;">
													<label for=""></label>
													<button class="delete" style="float: right;width: 70px;height: 30px;border:1px solid #ccc;background: white;margin-top: 3px;border-radius: 3px;">删除</button>
												</section>
											</div>
											<div style="width: 100%;" class="modal-body_con2 modal-body_con3">

											</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-primary addobj2" style="width: 200px;">增加抄送对象</button>
											<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
											<button type="button" class="btn btn-primary copyBtn">确定</button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- end widget content -->

					</div>
					<!-- end widget div -->

				</div>
				<!-- end widget -->
			</article>
		</div>

		<!-- END ROW -->

	</section>

</div>

			

		</div>
		<!-- END MAIN PANEL -->

		<!-- SHORTCUT AREA : With large tiles (activated via clicking user name tag)
		Note: These tiles are completely responsive,
		you can add as many as you like
		-->
		<div id="shortcut">
			<ul>
				<li>
					<a href="#inbox.html" class="jarvismetro-tile big-cubes bg-color-blue"> <span class="iconbox"> <i class="fa fa-envelope fa-4x"></i> <span>Mail <span class="label pull-right bg-color-darken">14</span></span> </span> </a>
				</li>
				<li>
					<a href="#calendar.html" class="jarvismetro-tile big-cubes bg-color-orangeDark"> <span class="iconbox"> <i class="fa fa-calendar fa-4x"></i> <span>Calendar</span> </span> </a>
				</li>
				<li>
					<a href="#gmap-xml.html" class="jarvismetro-tile big-cubes bg-color-purple"> <span class="iconbox"> <i class="fa fa-map-marker fa-4x"></i> <span>Maps</span> </span> </a>
				</li>
				<li>
					<a href="#invoice.html" class="jarvismetro-tile big-cubes bg-color-blueDark"> <span class="iconbox"> <i class="fa fa-book fa-4x"></i> <span>Invoice <span class="label pull-right bg-color-darken">99</span></span> </span> </a>
				</li>
				<li>
					<a href="#gallery.html" class="jarvismetro-tile big-cubes bg-color-greenLight"> <span class="iconbox"> <i class="fa fa-picture-o fa-4x"></i> <span>Gallery </span> </span> </a>
				</li>
				<li>
					<a href="javascript:void(0);" class="jarvismetro-tile big-cubes selected bg-color-pinkDark"> <span class="iconbox"> <i class="fa fa-user fa-4x"></i> <span>My Profile </span> </span> </a>
				</li>
			</ul>
		</div>
		<!-- END SHORTCUT AREA -->

		<!--================================================== -->

		<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
		<script data-pace-options='{ "restartOnRequestAfter": true }' src="__JS__/plugin/pace/pace.min.js"></script>

		<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
		<!-- <script src="http://ajax.useso.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> -->
		

		<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
		<script src="__JS__/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->

		<!-- BOOTSTRAP JS -->
		<script src="__JS__/bootstrap/bootstrap.min.js"></script>

		<!-- CUSTOM NOTIFICATION -->
		<script src="__JS__/notification/SmartNotification.min.js"></script>

		<!-- JARVIS WIDGETS -->
		<script src="__JS__/smartwidgets/jarvis.widget.min.js" id="addScript"></script>

		<!-- EASY PIE CHARTS -->
		<script src="__JS__/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

		<!-- SPARKLINES -->
		<script src="__JS__/plugin/sparkline/jquery.sparkline.min.js"></script>

		<!-- JQUERY VALIDATE -->
		<script src="__JS__/plugin/jquery-validate/jquery.validate.min.js"></script>

		<!-- JQUERY MASKED INPUT -->
		<script src="__JS__/plugin/masked-input/jquery.maskedinput.min.js"></script>

		<!-- JQUERY UI + Bootstrap Slider -->
		<script src="__JS__/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

		<!-- browser msie issue fix -->
		<script src="__JS__/plugin/msie-fix/jquery.mb.browser.min.js"></script>

		<!-- FastClick: For mobile devices -->
		<script src="__JS__/plugin/fastclick/fastclick.js"></script>

		<script src="__JS__/plugin/jquery-nestable/jquery.nestable.js"></script>

		<!--[if IE 7]>

		<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>

		<![endif]-->

		<!-- Demo purpose only -->
		<!-- <script src="__JS__/demo.js"></script> -->

		<!-- MAIN APP JS FILE -->
		<script src="__JS__/app.js"></script>

		<!-- VUE -->
<!-- 		<script src="__JS__/vue.js"></script>
		<script src="__JS__/axios.min.js"></script> -->



		<script type="text/javascript">

		// DO NOT REMOVE : GLOBAL FUNCTIONS!

		$(document).ready(function() {

			pageSetUp();

		})

		</script>

	</body>

</html>

<script src="__JS__/layer/layer.js"></script>
<script src="__JS__/plugin/select2/select2.min.js"></script>
<script>
	$(function() {
		var href=location.href;
		var href=href.split("id/")[1];
		var ids=href.split('.html')[0];
		$(window).load(function() {
			//发送对象、加载
			$.ajax({
				type: "post",
				url: "<?php echo url('manage/Order/getresponseinfo'); ?>",
				data: {
					type: "0",
				},
				success: function(data) {
					var data = JSON.parse(data);
					var data = data.data;
					var len = data.length;
					for(var i = 0; i < len; i++) {
						var options = `
        				<option value="${data[i].uid}" class="option3" onclick="addtext()" imgPath="https://select2.github.io/vendor/images/flags/ak.png">${data[i].name}+${data[i].rname}</option>        			
        			`;
						$(".test_3").append($(options));
					}
					for(var i = 0; i < len; i++) {
						var options = `
        				<option value="${data[i].uid}" class="option4" imgPath="https://select2.github.io/vendor/images/flags/ak.png">${data[i].name}+${data[i].rname}</option>        			
        			`;
						$(".test_4").append($(options));
					}
				}
			})
		})
		//删除
		$(".modal-body_con3").on("click",".delete",function(){
			$(this).parents(".modal-body_con1").remove();
		})
		//增加征询人
		$(".addobj").click(function() {
			var obj = $(this).parent().siblings(".modal-body").find(".modal-body_con").html();
			$(this).parent().siblings(".modal-body").find(".modal-body_con2").append('<div class="modal-body_con1">'+obj+'</div>');
		})
		$(".addobj2").click(function() {
			var obj = $(this).parent().siblings(".modal-body").find(".modal-body_con").html();
			$(this).parent().siblings(".modal-body").find(".modal-body_con2").append('<div class="modal-body_con1">'+obj+'</div>');
		})
		//征询提交
		$(".inquiryBtn").click(function() {
			var test_3 = [];
			var note3 = [];

			$(".test_3").each(function(index) {
				test_3.push($(this).val());
			});
			$(".note3").each(function(index) {
				note3.push($(this).val());
			});
			var len = test_3.length;
			var injueryId = [];

			for(var i = 1; i < len; i++) {
				var obj = {
					id: test_3[i],
					note: note3[i]
				};
				injueryId.push(obj);
			}

			$.ajax({
				type: "post",
				data: {
					id:ids,
					action: "inquiry",
					injueryId: injueryId
				},
				url: "<?php echo url('manage/Affairorder/processAffair'); ?>",
				success: function(data) {
					var data=JSON.parse(data);
					if(data.status==1){
						layer.msg("提交成功！");
						setTimeout(function() {
							$(".inquiryClose").click();
						}, 800);
					}else{
						layer.msg(data.message);
					}
				}
			});
		});
		//抄送提交
		$(".copyBtn").click(function() {
			var test_4 = [];
			var note4 = [];

			$(".test_4").each(function(index) {
				test_4.push($(this).val());
			});
			$(".note4").each(function(index) {
				note4.push($(this).val());
			});
			var len = test_4.length;
			var injueryId = [];

			for(var i = 1; i < len; i++) {
				var obj = {
					id: test_4[i],
					note: note4[i]
				};
				injueryId.push(obj);
			}

			$.ajax({
				type: "post",
				data: {
					id:ids,
					action: "copy",
					injueryId: injueryId
				},
				url: "<?php echo url('manage/Affairorder/processAffair'); ?>",
				success: function(data) {
					var data=JSON.parse(data);
					if(data.status==1){
						layer.msg("提交成功！");
						setTimeout(function() {
							$(".inquiryClose").click();
						}, 800);	
					}else{
						layer.msg(data.message);
					}
					
				}
			});
		});

		var isOk = 1;

		//通过审核
		$(".isleft").click(function(index) {
			$(this).removeClass("isok2").addClass("isok");
			$(".isright").addClass("isok2").removeClass("isok");
			isOk = 1;
		});
		$(".isright").click(function(index) {
			$(this).removeClass("isok2").addClass("isok");
			$(".isleft").addClass("isok2").removeClass("isok");
			isOk = 0;
		});
		//提交按钮
		//5ttttet 
		$(".submit1").click(function() {
			var notesss = $(".notesss").val();
			$.ajax({
				type: "post",
				url: "<?php echo url('manage/Affairorder/processAffair'); ?>",
				data: {
					id: ids,
					action: "chief",
					result: isOk,
					note: notesss
				},
				success: function(data) {
					var data = JSON.parse(data);
					if(data.status == 1) {
						layer.msg("提交成功！")
					} else {
						layer.msg(data.message);
					}
				}
			})
		});

		//重修
		$(".reworkBtn").click(function() {
			console.log(1)
			var reworkNote = $(".reworkNote").val();
			$.ajax({
				type: "post",
				data: {
					id:ids,
					action: "rework",
					note: reworkNote
				},
				url: "<?php echo url('manage/Affairorder/processAffair'); ?>",
				success: function(data) {
					var data=JSON.parse(data);
					if(data.status==1){
						layer.msg("提交成功！");
						setTimeout(function() {
							$(".reworkClose").click();
						}, 800);
					}else{
						layer.msg(data.message);
					}
				}
			});
		});
		//返修
		$(".modifyBtn").click(function() {
			var modifyNote = $(".modifyNote").val();
			$.ajax({
				type: "post",
				data: {
					id:ids,
					action: "modify",
					note: modifyNote
				},
				url: "<?php echo url('manage/Affairorder/processAffair'); ?>",
				success: function(data) {
					var data = JSON.parse(data);
					if(data.status == 1) {
						layer.msg("提交成功！");
						setTimeout(function() {
							$(".modifyClose").click();
						}, 800);
					} else {
						layer.msg(data.message);
					}
				}
			});
		});
	});
	
	
	//时间戳	
	Vue.filter("timetrans", function(date, type) {
		var date = new Date(date * 1000); //如果date为10位不需要乘1000
		var Y = date.getFullYear();
		var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);
		var D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
		var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours());
		var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes());
		var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
		if(type == 1) {
			return Y + "/" + M + "/" + D + " " + h + ":" + m + ":" + s;
		} else if(type == 2) {
			return Y + "/" + M + "/" + D;

		} else if(type == 3) {
			return M + "/" + D + " " + h + ":" + m;
		}
	});
	Vue.filter("copyOrInq", function(data) {
		if(data=='copy'){			
			return '抄送记录';
			
		}else{
			return '征询记录';
		}
	});
	Vue.filter("copyOrInq2", function(data) {
		if(data==''){
			return '未回复';
		}else{
			return data;
		}
	});
	var vm = new Vue({
		el: "#oinfos",
		data: {
			show: false,
			base: [],
			charge: [],
			create: [],
			goods: [],
			order: [],
			jury: [],
			result: "",
			noteshow: true,
			juryMan: [],
			lookedP: false,
			lookedC: false,
			span1: false,
			span2: false,
			notess: "",
			inqOrCopy:false,
			assistMans:[],
		},
		methods: {
			mouseOn: function(index) {
				if(index == 1) {
					this.span1 = true;
				} else if(index == 2) {
					this.span2 = true;
				}
			},
			mouseLe: function(index) {
				if(index == 1) {
					this.span1 = false;
				} else if(index == 2) {
					this.span2 = false;
				}
			},
			//重修按钮

		},
		created() {
			var str = location.href;
			var str = str.split("id/")[1];
			var id = str.split(".html")[0];
			var _this = this;
			$.ajax({
				type: "post",
				data: {
					id: id
				},
				url: "<?php echo url('manage/Affairorder/orderDetailData'); ?>",
				success: function(data) {
					var data = JSON.parse(data);
					var data = data.data;
					_this.base = data.base;
					_this.charge = _this.base.charge;
					_this.create = _this.base.create;
					_this.jury = data.jury;
					_this.juryMan = _this.jury.juryMan;
					if(_this.jury.assistMan){
						_this.assistMans=_this.jury.assistMan;
						_this.inqOrCopy=true;						
					}
					
					//
					var order = data.order;
					_this.order = order;
					_this.goods = order.goods;
					if(_this.jury.type == -1) {
						_this.result = "处理中";
						_this.noteshow = false;
					} else if(_this.jury.type == 0) {
						_this.result = "未通过";
					} else if(_this.jury.type == 1) {
						_this.result = "通过";
					}
				}
			});
		},
	})	
</script>